<h3>Thêm Thẻ Tín Dụng Có Sẳn</h3>

<div style="color: red;">
<?php
	if(isset($_GET['mess'])) {
		echo($_GET['mess']);
	}
?>
</div>
<div>
	<form action="../src/control/admincardcosan.php" method="post" enctype="multipart/form-data" onSubmit="return checkinfoup();">
        <table border="1px;" cellpadding="0" cellspacing="0">
            <tr>
                <th align="left" valign="top" width="150px">Tên Thẻ</th>
                <td><input type="text" name="tenthe" id="tenthe" class="inputtextfield" onFocus="showStyle(this)" onBlur="hiddenStyle(this)"/></td>
            </tr>
            <tr>
                <th align="left" valign="top">Ngân Hàng</th>
                <td>
                    <select name="selectbank" class="bankloadselect" style="width: 400px; height: 30px; margin:5px; padding:5px;"><option value="">----Chọn Ngân Hàng----</option></select>
                </td>
            </tr>
            <tr>
                <th align="left" valign="top">Giới Thiệu</th>
                <td><textarea style="margin:5px; padding:5px;" cols="80" id="infointro" class="tinymce" name="infointro" rows="10" style="width:600px;" tabindex="7"></textarea></td>
            </tr>
            <tr>
                <th align="left" valign="top">Hình</th>
                <td><input type="file" name="fileimage" id="fileimage" onChange="doUpFile()" /><br>
			<font color="red"><span>Hình ảnh chỉ cho phép không quá 2MB, định dạng up(*.gif , *.jpg, *.png)</span></font></td>
            </tr>
            <tr>
                <th colspan="2"><input type="hidden" value="add" name="acc" /><input type="submit" name="submit" value="Thêm" style="border-radius: 5px; padding:5px; width:100px; background:#03F; color:#FFF; font-weight:bold;" /></th>
            </tr>
        </table>
    </form>
</div>

<script>
loadbank();
function loadbank() {
	$.ajax({
		url: "../src/ajax/ajaxbank.php",
		type: "post",
		data: {act:'getbanks'},
		dataType:"json",
		success: function(response) {
			html = '';
			$.each(response, function(entryIndex, entry){
				html += '<option value="' + entry[0] + '">' + entry[1] + ' (' + entry[0] + ')</option>';
			});
			$('.bankloadselect').append(html);
		}
	});
}

function checkinfoup() {
	var ten = $.trim($('#tenthe').val());
	if(ten.length == 0) {
		alert("Vui lòng nhập tên thẻ");
		$('#tenthe').focus();
		return false;
	}
	
	var nganhang = $('.bankloadselect').val();
	if(nganhang == "") {
		alert("Vui chọn ngân hàng được ưu đãi");
		$('.bankloadselect').focus();
		return false;
	}
	
}

function doUpFile() {
	var sGetPath = "";
	var ext = "";
	//Đọc giá trị trong hộp file
	sGetPath = document.getElementById("fileimage").value;
	
	//Kiểm tra phần mở rộng của tên file	
	ext = sGetPath.substring(sGetPath.length-3, sGetPath.length);
	ext = ext.toLowerCase();
	if((ext != 'png') && (ext != 'jpg') && (ext != 'gif')) {
		alert("Bạn chỉ có thể chọn tập tin có định dạng: *.gif , *.jpg, *.png");
		document.getElementById("fileimage").value = "";
		return false;
	} else {
		document.getElementById("fileimage").value = sGetPath;
		return true;
	}
}


function showStyle(field) {
	field.style.backgroundColor = '#FFFFCC';
}

function hiddenStyle(field) {
	field.style.backgroundColor = '#FFFFFF';
}
</script>